<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>九九乘法表</title>
</head>
<body>
    
</body>
<script>
    // 第一种 正这展示

    // 里面的看成是外面的语句，外面循环一次，里面全部执行
   function getNum(){
    var str = ''
    for(var i=1;i<=9;i++){//控制行
        for(var j=1;j<=i;j++){//控制列
            str += j + '×' + i + '=' +j*i
            str+='\t'
        }
        str+='\n'
    }
   return str
   }
   console.log(getNum());
   console.log('---------***************---------');
    // 第二种
   
//    while(num<5){
//     sum+=num
//     num++
//    }
//    console.log(sum);
//    do{
//     sum+=num
//     num++
//    }while(num<5)
//    console.log(sum);

// while 循环
    var str1 = ''
    var x = 1
    while (x <=9){
        var y = 1
        while(y<=x){
            str1 += y + '×' + x + '=' +y*x
            str1+='\t'
            y++
        }
        str1+='\n'
        x++
    }
    console.log(str1);

    console.log('---------***************---------');
    // do..while  循环

    var str2 = ''
    var r=1;
    do {
        var c=1
        do {
            str2 += c + '×' + r + '=' +c*r+'\t'

            c++
        }while(c<=r)
        str2+='\n'
        r++
    }while(r<=9)
    console.log(str2);
    console.log('---------***************---------');
    // map实现
    var arr = new Array(10)
    for(var i=0;i<arr.length;i++){
        arr[i]=i
    }
    console.log(arr);
    var arr1 = arr.filter(item=>{
        return item>=1
    })
    console.log(arr1);
    arr1.map(value=>{
        let i=0
        let arr2 = []
        // console.log(value);
        while(i++ < value){
            arr2.push(`${i} × ${value} = ${value * i}`)
        }
        // console.log(arr2);
        console.log(arr2.join('\t'));
    })



    
</script>
</html>